<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>

    <title>userCfg</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>

    <meta content="" name="description"/>

    <meta content="" name="author"/>

    <meta name="_xsrf" content="{{.xsrf_token}}" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <link href="/static/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/style-metro.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/style.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>

    <link href="/static/media/css/uniform.default.css" rel="stylesheet" type="text/css"/>

    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="/static/media/css/select2_metro.css"/>
    <link rel="stylesheet" href="/static/media/css/DT_bootstrap.css"/>
    <!-- END PAGE LEVEL STYLES -->
    <link rel="shortcut icon" href="/static/media/image/favicon.ico"/>
</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">

<!-- BEGIN HEADER -->

<div class="header navbar navbar-inverse navbar-fixed-top">

    <!-- BEGIN TOP NAVIGATION BAR -->

    <div class="navbar-inner">

        <div class="container-fluid">

            <!-- BEGIN LOGO -->

            <a class="brand">
                中转服务器后台管理
            </a>

            <!-- END LOGO -->

            <!-- BEGIN RESPONSIVE MENU TOGGLER -->

            <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">

                <img src="/static/media/image/menu-toggler.png" alt=""/>

            </a>

            <!-- END RESPONSIVE MENU TOGGLER -->

            <!-- BEGIN TOP NAVIGATION MENU -->

            <ul class="nav pull-right">

                <!-- BEGIN USER LOGIN DROPDOWN -->

                <li class="dropdown user">

                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <span id="idUser"  class="username">{{.adminName}}</span>
                        <i class="icon-angle-down"></i>

                    </a>

                    <ul class="dropdown-menu">
                        <li><a href="/logOut"><i class="icon-key"></i>退出登录</a></li>

                    </ul>

                </li>

                <!-- END USER LOGIN DROPDOWN -->

            </ul>

            <!-- END TOP NAVIGATION MENU -->

        </div>

    </div>

    <!-- END TOP NAVIGATION BAR -->

</div>

<!-- END HEADER -->

<!-- BEGIN CONTAINER -->

<div class="page-container row-fluid">

    <!-- BEGIN SIDEBAR -->

    <div class="page-sidebar nav-collapse collapse">

        <!-- BEGIN SIDEBAR MENU -->

        <ul class="page-sidebar-menu">

            <li>

                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

                <div class="sidebar-toggler hidden-phone"></div>

                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

            </li>

            <li>
                <!-- 去除search按钮后为了好看空一行 -->
                <br/>
            </li>

            <li id="idhomeTab" class="start">

                <a href="/adminHome">

                    <i class="icon-home"></i>

                    <span class="title">游服ip列表配置</span>

                </a>

            </li>
            <li id="idUserCfgTab" class="start  active">

                <a href="/adminUser">

                    <i class="icon-cogs"></i>

                    <span class="title">用户管理配置</span>

                    <span class="selected"></span>
                </a>

            </li>
            <li class="start">

                <a href="/reportWeb">

                    <i class="icon-bar-chart"></i>

                    <span class="title">cpu内存使用率</span>

                    <span class="selected"></span>

                </a>

            </li>
            <li class="start">

                <a href="/announce">

                    <i class="icon-bar-chart"></i>

                    <span class="title">公告管理</span>
                </a>

            </li>

        </ul>

        <!-- END SIDEBAR MENU -->

    </div>

    <!-- END SIDEBAR -->

    <!-- BEGIN PAGE -->

    <div class="page-content">

        <!-- BEGIN PAGE CONTAINER-->
        <div class="container-fluid">
            <!-- BEGIN PAGE HEADER-->
            <div class="row-fluid">
                <div class="span12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">
                        用户列表配置页面
                    </h3>
                    <ul class="breadcrumb">
                        <li>
                            <i class="icon-home"></i>
                            <a href="/adminHome">用户表配置</a>
                            <i class="icon-angle-right"></i>
                        </li>
                        <li>

                            <a href="#">获取用户配置</a>


                        </li>
                    </ul>
                    <!-- END PAGE TITLE & BREADCRUMB-->
                </div>
            </div>
            <!-- END PAGE HEADER-->
            <!-- BEGIN PAGE CONTENT-->
            <div class="row-fluid">
                <div class="span12">
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                    <div class="portlet box blue">
                        <div class="portlet-title">
                            <div class="caption"><i class="icon-edit"></i>用户表配置</div>
                            <div class="tools">
                                <a href="javascript:;" class="collapse"></a>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <div class="clearfix">
                                <div class="btn-group">
                                    <button id="sample_editable_user_new" class="btn green">
                                        新增 <i class="icon-plus"></i>
                                    </button>
                                </div>
                            </div>
                            <table class="table table-striped table-hover table-bordered" id="sample_editable_user">
                                <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>名字</th>
                                    <th>ip</th>
                                    <th>密码</th>
                                    <th>权限</th>
                                    <th>其他</th>
                                    <th>编辑</th>
                                    <th>删除</th>
                                </tr>
                                </thead>
                                <tbody id="grid_body_user">
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
            </div>
            <!-- END PAGE CONTENT -->
        </div>
        <!-- END PAGE CONTAINER-->
    </div>
    <!-- END PAGE -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="footer">
    <div class="footer-inner">
        2008-2016 NetDragon Websoft Holdings Limited
    </div>
    <div class="footer-tools">
			<span class="go-top">
			<i class="icon-angle-up"></i>
			</span>
    </div>
</div>
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

<!-- BEGIN CORE PLUGINS -->

<script src="/static/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

<script src="/static/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

<script src="/static/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

<script src="/static/media/js/bootstrap.min.js" type="text/javascript"></script>

<!--[if lt IE 9]>

<script src="media/js/excanvas.min.js"></script>

<script src="media/js/respond.min.js"></script>

<![endif]-->

<script src="/static/media/js/jquery.slimscroll.min.js" type="text/javascript"></script>

<script src="/static/media/js/jquery.blockui.min.js" type="text/javascript"></script>

<script src="/static/media/js/jquery.cookie.min.js" type="text/javascript"></script>

<script src="/static/media/js/jquery.uniform.min.js" type="text/javascript"></script>

<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="/static/media/js/select2.min.js"></script>
<script type="text/javascript" src="/static/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="/static/media/js/DT_bootstrap.js"></script>
<script src="/static/media/js/app.js"></script>
<script src="/static/myjs/extend_ajax.js" type="text/javascript"></script>
<script src="/static/myjs/webControl.js"></script>
<script src="/static/myjs/user-editable.js"></script>
<script>

    jQuery(document).ready(function () {

        App.init();
        UserEdit.init();
        showTabControl(WEB_INDEX.WEB_USER);
        getUserData();

    });

</script>

<!-- END JAVASCRIPTS -->

<!-- END BODY -->

</html>